{% extends "base.jinja" %}

{% block title %}分享[{{post_data.title}}]到微信{% endblock %}

{% block css %},main.css{% endblock %}

{% block main %}
	<style>
	.site-top, .footer {display:none;}
	.share-wx {margin:90px auto;width:580px;height:310px;background:#fff;overflow:hidden;}
		.share-wx-logo {height:86px;background:#f49999;}
			.share-wx-logo a {display:block;margin:0 auto;width:214px;height:86px;background:url(http://s.lovewith.me/static/images/share-to-wx.png) no-repeat 0 0;}
		.share-wxbox {float:left;padding:30px 0 0 40px;width:350px;}
			.share-wxbox b {display:block;margin-bottom:24px;font-weight:100;font-size:16px;color:#222;}
			.share-wxbox p {margin-bottom:16px;color:#888;}
			.share-wxbox h1 {}
				.share-wxbox h1 a {font-weight:100;font-size:14px;color:#ea8989;}
		.share-qrcode {float:right;padding:30px 40px 0 0;width:128px;height:128px;overflow:hidden;}
	</style>
	<div class="share-wx" id="share-wx">
		<div class="share-wx-logo"><a target="_blank" href="{{domain}}"></a></div>
		<div class="share-wxbox">
			<b>分享到微信</b>
			<p>用微信“扫一扫”右侧的二维码, 即可把视频分享给您的微信好友或朋友圈。</p>
			<h1><a href="{{domain}}{{post_url}}">{{post_data.title}}</a></h1>
		</div>
		<div class="share-qrcode" id="share-qrcode" data-href="{{domain}}{{post_url}}"></div>
	</div>
{% endblock %}

{% block script %}
<script>
seajs.use('modules/qrcode', function(qrcode){
	var qrnode = new qrcode({
		width: 128,
		height:128,
        text: $('#share-qrcode').data('href')
    });
    $('#share-qrcode').append(qrnode);
});
</script>
{% endblock %}